<%@ page contentType="text/html;charset=UTF-8" language="java" %>


<html lang="zh">
<head>
    <title>退款</title>

    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="viewport"
          content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">

</head>

<body>

<div>

    <div>
        <h4 style="margin-top: 10px;color: red">注意!</h4>
        <h5 style="margin-top: 10px;padding-left: 30px;padding-right: 30px">强制退款将收取订单金额的20%作为房东的补偿</h5>
    </div>

    <button style="    display: block;
    height: 40px;
    line-height: 40px;
    width: 84%;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
    color: #fff;
    background: #3f89ec;
    border: 0;
    margin-left: 8%;
    margin-top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;" id="forced_refund_submit">同意
    </button>

    <a style="    display: block;
    height: 40px;
    line-height: 40px;
    width: 84%;
    font-size: 16px;
    font-weight: 800;
    cursor: pointer;
    color: #18375f;
    border: 0;
    margin-left: 8%;
    margin-top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;" id="test-a">客服介入
    </a>

</div>

<script>

    $('#forced_refund_submit').click(function () {

        $.post('/order/pay/refund',{id:'${orderId}'}, function () {

            //提交成功后执行
            Event.fanout('forced.refund.ok', '${orderId}');

            mydialog.close();

        });

    });

    $('#test-a').click(function () {

        $.post('/order/tenant//transact/refund/arbitration', {id: '${orderId}'}, function () {

            Event.fanout('arbitration.refund.ok', '${orderId}');

            mydialog.close();

        });

    });

</script>
</body>
</html>